<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>哈根达斯</title>
</head>
<body>
    <div class="one text">
    <img src="./哈根达斯.jpg" alt="">
    <div class="two text">
    <img src="./黑衣.jpg" alt width="500px">
        </div>
    </div>
    <style>
        body{
            background-image: url(./背景6.jpg);
            background-size: 110% ;
            background-position: 0 auto;

        }
     .one{
        width: 400px;
        height: 250px;
        margin-left: 700px;

    }
    .two{
        width: 400px;
        height: 400px;
    }
    .one img{
        width: 100%;
    }
    .text{
        position: relative;
    }
    .text::before{
        content: url(./促销2.png);
        position: absolute;
    }
    .text::after{
        content: url(./促销1.png);
        position: absolute;
        right: 0;
        bottom: 0;
    }
    </style>
</body>
</html>